.train-item {
  height: 140rpx;
  background: #ffffff;
  border-radius: 20rpx;
  box-shadow: 0rpx 6rpx 10rpx 0rpx rgba(13,84,132,0.11);
  padding: 34rpx;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30rpx;
  .train-intro {
    width: calc(100% - 350rpx);
    .train-title, .train-desc {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .train-title {
      font-size: 26rpx;
      color: #111;
    }
    .train-desc {
      font-size: 20rpx;
      color: #999;
    }
  }
  .train-btn {
    display: flex;
    align-items: center;
    width: 320rpx;
    view {
      border-radius: 28rpx;
      width: 94rpx;
      height: 52rpx;
      line-height: 52rpx;
      font-size: 24rpx;
      text-align: center;
      color: #fff;
      margin-right: 20rpx;
    }
    view:last-child{
      margin-right: 0;
    }
    .learn {
      background: linear-gradient(270deg,#f88430, #ffbf81 100%);
    }
    .train {
      background: linear-gradient(270deg,#002af4, #75b2ff 100%);
    }
    .exam {
      background: linear-gradient(270deg,#0061e3, #0099f7 100%);
    }
  }
}